//创建路由，并暴露出去

//引入createRouter
import { createRouter } from "vue-router";
import { createWebHistory } from "vue-router";
import Home from '@/pages/Home.vue'
import About from '@/pages/About.vue'
import News from "@/pages/News.vue";
import NewsDetails from "@/pages/NewsDetails.vue";

//创建路由器
/*
hash模式：在URL中会包含一个“#”符号（也称为锚点）和锚点值（hash值）。例如，http://example.com/#/home。
history模式：URL则不会包含其他特殊符号，看起来更加美观和优雅。例如，http://example.com/home。
*/
export const router = createRouter({
    history: createWebHistory(),//使用history工作模式，还有hash工作模式
    //设置路由
    routes: [
        {
            path: '/',
            component: Home
        },
        {
            path: '/news',
            component: News,
            children: [
                {
                    name: 'news',
                    // /:id/:x/:y都是对应参数
                    path: 'details/:id/:x/:y',
                    component: NewsDetails
                }
            ]
        },
        {
            name: 'about',
            path: '/about',
            component: About
        }
    ]
})
